<template>
  <div>
    <h1>app</h1>
    <child-one></child-one>
    <child-two></child-two>
    <child-three></child-three>
    <child-four></child-four>
  </div>
</template>

<script>
import ChildFour from "@/components/ChildFour";
import ChildOne from "./components/ChildOne.vue";
import ChildThree from "./components/ChildThree.vue";
import ChildTwo from "./components/ChildTwo.vue";

export default {
  components: { ChildOne, ChildTwo, ChildThree, ChildFour },
};

/* 
slot 插槽 无名插槽  具名插槽 作用域插槽
不仅仅可以传递值 还可以传递标签

无名插槽  具名插槽 父向子
作用域插槽 子传父


*/
</script>

<style lang="scss" scoped>
</style>